<template>
  <div class="page">
    <el-page-header @back="goBack" content="订单详情"> </el-page-header>
    <div class="table-box">
      <el-descriptions title="订单信息">
        <el-descriptions-item label="子订单ID">{{
          orderInfo.orderId
        }}</el-descriptions-item>
        <el-descriptions-item label="企业名称">{{
          orderInfo.companyName
        }}</el-descriptions-item>
        <el-descriptions-item label="公积金企业">{{
          orderInfo.companyFund
        }}</el-descriptions-item>
        <el-descriptions-item label="姓名">{{
          orderInfo.companyFund
        }}</el-descriptions-item>
        <el-descriptions-item label="身份证">{{
          orderInfo.idCard
        }}</el-descriptions-item>
        <el-descriptions-item label="工资">{{
          orderInfo.basicWages
        }}</el-descriptions-item>
        <el-descriptions-item label="实缴月份">{{
          orderInfo.payMonth
        }}</el-descriptions-item>
        <el-descriptions-item label="社保基数">{{
          orderInfo.baseSocialSecurity
        }}</el-descriptions-item>
        <el-descriptions-item label="公积金基数">{{
          orderInfo.baseFund
        }}</el-descriptions-item>
      </el-descriptions>
      <el-descriptions title="社保">
        <el-descriptions-item label="社保个人医疗">{{
          orderInfo.personSocialSecurityMedical
        }}</el-descriptions-item>
        <el-descriptions-item label="社保个人养老">{{
          orderInfo.personSocialSecurityRetirement
        }}</el-descriptions-item>
        <el-descriptions-item label="社保个人失业">{{
          orderInfo.personSocialSecurityUnemployment
        }}</el-descriptions-item>
        <el-descriptions-item label="社保公司医疗">{{
          orderInfo.companySocialSecurityMedical
        }}</el-descriptions-item>
        <el-descriptions-item label="社保公司养老">{{
          orderInfo.companySocialSecurityRetirement
        }}</el-descriptions-item>
        <el-descriptions-item label="社保公司失业">{{
          orderInfo.companySocialSecurityUnemployment
        }}</el-descriptions-item>
        <el-descriptions-item label="社保公司工伤">{{
          orderInfo.companySocialSecurityIndustrialInjury
        }}</el-descriptions-item>
        <el-descriptions-item label="社保残保金公司">{{
          orderInfo.companySocialSecurityDisabilityBenefits
        }}</el-descriptions-item>
      </el-descriptions>
      <el-descriptions title="其他">
        <el-descriptions-item label="滞纳金">{{
          orderInfo.lateFee
        }}</el-descriptions-item>
        <el-descriptions-item label="公积金个人">{{
          orderInfo.personFund
        }}</el-descriptions-item>
        <el-descriptions-item label="公积金企业">{{
          orderInfo.companyFund
        }}</el-descriptions-item>
      </el-descriptions>
      <el-descriptions title="调基补差预收">
        <el-descriptions-item label="社保个人医疗">{{
          orderInfo.advancePersonSocialSecurityMedical
        }}</el-descriptions-item>
        <el-descriptions-item label="社保个人养老">{{
          orderInfo.advancePersonSocialSecurityRetirement
        }}</el-descriptions-item>
        <el-descriptions-item label="社保个人失业">{{
          orderInfo.advancePersonSocialSecurityUnemployment
        }}</el-descriptions-item>
        <el-descriptions-item label="社保个人大额医疗">{{
          orderInfo.advancePersonSocialSecurityBigMedical
        }}</el-descriptions-item>
        <el-descriptions-item label="社保公司医疗">{{
          orderInfo.advanceCompanySocialSecurityMedical
        }}</el-descriptions-item>
        <el-descriptions-item label="社保公司补充医疗">{{
          orderInfo.advanceCompanySocialSecuritySupplementaryMedical
        }}</el-descriptions-item>
        <el-descriptions-item label="社保公司养老">{{
          orderInfo.advanceCompanySocialSecurityRetirement
        }}</el-descriptions-item>
        <el-descriptions-item label="社保公司失业">{{
          orderInfo.advanceCompanySocialSecurityUnemployment
        }}</el-descriptions-item>
        <el-descriptions-item label="社保公司工伤">{{
          orderInfo.advanceCompanySocialSecurityIndustrialInjury
        }}</el-descriptions-item>

        <el-descriptions-item label="社保公司生育">{{
          orderInfo.advanceCompanySocialSecurityBearing
        }}</el-descriptions-item>
        <el-descriptions-item label="社保公司大额医疗">{{
          orderInfo.advanceCompanySocialSecurityBigMedical
        }}</el-descriptions-item>
        <el-descriptions-item label="残保金公司">{{
          orderInfo.advanceCompanySocialSecurityDisabilityBenefits
        }}</el-descriptions-item>

        <el-descriptions-item label="滞纳金">{{
          orderInfo.advanceLateFee
        }}</el-descriptions-item>
        <el-descriptions-item label="公积金个人">{{
          orderInfo.advancePersonFund
        }}</el-descriptions-item>
        <el-descriptions-item label="公积金公司">{{
          orderInfo.advanceCompanyFund
        }}</el-descriptions-item>
      </el-descriptions>
    </div>
  </div>
</template>
<script>
import base from "@/assets/js/base";
import { requestApiPost, requestApiFilePost } from "../api/api";
import { reqRep } from "../report/reqReport";
import { resRep } from "../report/resReport";
export default {
  data() {
    return {
      orderInfo: {},
      loading: false,
    };
  },
  methods: {
    getData() {
      this.loading = true;
      var reqData = {
        orderId: this.$route.query.orderId,
      };
      let reqReport = reqRep({
        traCode: "_VIEW_CHILDREN_ORDER_1",
        data: reqData,
      });
      requestApiPost(reqReport).then((data) => {
        let resReport = resRep(data);
        this.loading = false;
        if (resReport.getReCode() != "0000") {
          this.$message({
            message: resReport.getReMsg(),
            type: "error",
          });
        } else {
          this.orderInfo = resReport.data;
        }
      });
    },
    goBack() {
      this.$router.go(-1);
    },
  },
  created() {
    this.getData();
  },
};
</script>
<style scoped>
.page {
  padding: 20px;
}
.table-box {
  margin-top: 20px;
}
.demo-table-expand {
  font-size: 0;
}
.demo-table-expand label {
  width: 90px;
  color: #99a9bf;
}
.demo-table-expand .el-form-item {
  margin-right: 0;
  margin-bottom: 0;
  width: 50%;
}
</style>